﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="famails.Register" %>
<%@ Register Assembly="MSCaptcha" Namespace="MSCaptcha" TagPrefix="cc1" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
	<link href="../../Images/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="Content/default.css" rel="stylesheet" />
    <link href="Content/component.css" rel="stylesheet" />
    <script src="Scripts/modernizr.custom.js"></script>
    <title>FAmails.com</title>
    <style>

        </style>
    <%--<link href="css/cssform.css" rel="stylesheet" />
    <style>
            body {
                font-family: 'Open Sans', sans-serif;
                margin:0px;
                padding:0;
            }
            p {
                font-size:15px;
                font-weight:bold;
                line-height:20px;
                padding-left:5px;
            }
            .cost {
                color:#069c37;
            }   
            #maincontent {
                width:546px;
                float:left;
                margin-top: -10px;
            }
            .header {
                height:70px;
                width:100%;
                background-color:#3498db;
                color:#ecf0f1;
                border-radius:5px;
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
                -ms-border-radius:5px;
                -o-border-radius:5px;
            }
                .header h2{
                    padding-top:20px;
                    text-align:center;
                    font-size:25px;
                    font-weight:bold;
                }
            .textbox {
                
                width: 310px; 
                display: inline-block;
                height: 20px;
                padding: 4px 6px;
                margin-bottom: 10px;
                font-size: 14px;
                border: 1px solid #ccc;
                line-height: 20px;
                color: #555;
                vertical-align: middle;
                outline:none;
            }
            .error {
                border:1px solid red;
            }
            .captchavalidate {
                width:80px !important;
            }
                .textbox:focus {
                    border:1px solid #3498db;
                }
            .bodycontent {
                
            }
                .bodycontent .rows {
                    width:100%;
                    float:left;
                    height:40px;
                }
                .rows .leftcontent {
                    width:140px;
                    float:left;
                    padding:2px;
                    margin-left:16px;
                }
                .rows .rightcontent {
                    width:330px;
                    float:left;
                    padding:10px;
                }
            .clear {
                clear:both;
                height:10px;
                border-bottom:1px dashed #2c3e50;
            }
            .availablecss
            {
                background-color:#CEFFCE;
                border:1px solid green;
            }
            .notavailablecss
            {
                background-color:#FFD9D9;
                border:1px solid red;
            }
            #btnRegis {
                background: #368ee0;
                color: #fff;
                text-shadow: none;
                filter: none;
                border:0px;
                width:120px;
                font-size:20px;
                outline:none;
                padding:15px;
                border-radius:5px;
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
                -ms-border-radius:5px;
                -o-border-radius:5px;
            }
                #btnRegis:focus,#btnRegis:hover {
                    background-color:#04c;
                }
            .ddList {
                display: inline-block;
                height: 30px;
                padding: 4px 6px;
                margin-bottom: 10px;
                font-size: 14px;
                line-height: 20px;
                color: #555;
                vertical-align: middle;
                border:1px solid #d8d8d8;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                outline:none;
            }
                .ddList:focus {
                    border:1px solid #3498db;
                }
            OPTION { 
                border:1px solid #3498db;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }
        </style>
    <script src="js/jquery-1.8.2.min.js"></script>--%>
</head>
<body style="overflow:hidden;">
    <div class="col-xs-12" style="padding:0px;width:550px;">
        <div class="col-xs-12" style="font-size:14px;">
            <div style="background:#d00;padding:10px;padding-left:20px;color:#fff;font-weight:bold;font-size:22px;margin-bottom:20px;text-align:center;" class="col-xs-12">Đăng ký gói dịch vụ</div>
    <form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
             <div class="col-xs-12" style="text-align:center;padding:5px;">
                 <asp:Label ID="lblError" runat="server"></asp:Label>

             </div>
             <div class="col-xs-12">
                 <div class="col-xs-4" style="padding:5px;font-weight:bold;text-align:right;line-height:30px;">Gói đăng ký :</div>
                 <div class="col-xs-8" style="padding:5px;color:#3b88c3;font-weight:bold;line-height:30px;"><asp:Label ID="lblTenGoi" runat="server" Text=""></asp:Label>
                            <asp:Label ID="lbtotalfree" runat="server" Visible="False"></asp:Label></div>
             </div>
            <div class="col-xs-12">
                 <div class="col-xs-4" style="padding:5px;font-weight:bold;text-align:right;line-height:30px;">Thời hạn :</div>
                 <div class="col-xs-4" style="padding:3px;line-height:30px;">
                     <%--<select  style="width:200px;border-radius:0px;">
                         <option value="1" selected>1 tháng</option>
                         <option value="3" >3 tháng</option>
                         <option value="6" >6 tháng</option>
                         <option value="12">12 tháng</option>
                     </select>--%>
                     <asp:DropDownList ID="ddlPackageTime" runat="server" style="border-radius:0px;" CssClass="form-control" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="True">
                        <asp:ListItem Value="1">1 tháng</asp:ListItem>
                        <asp:ListItem Value="3">3 tháng</asp:ListItem>
                        <asp:ListItem Value="6">6 tháng</asp:ListItem>
                        <asp:ListItem Value="12">12 tháng</asp:ListItem>
                     </asp:DropDownList>
                 </div>
                 <div class="col-xs-4" style="padding:5px;color:#3b88c3;line-height:30px;">Chi phí : <asp:Label ID="lblCost" runat="server"></asp:Label><sup>$</sup></div>
             </div>
            <div class="col-xs-12">
                 <div class="col-xs-4" style="padding:5px;font-weight:bold;text-align:right;line-height:30px;">Tên khách hàng :</div>
                 <div class="col-xs-8" style="padding:3px;"><asp:TextBox ID="txtUserName" style="border-radius:0px;" runat="server" CssClass="form-control"></asp:TextBox></div>
             </div>
            <div class="col-xs-12">
                 <div class="col-xs-4" style="padding:5px;font-weight:bold;text-align:right;line-height:30px;">Email đăng nhập :</div>
                 <div class="col-xs-8" style="padding:3px;"><asp:TextBox ID="txtEmail" style="border-radius:0px;" runat="server" CssClass="form-control" ></asp:TextBox></div>
             </div>
            
            <div class="col-xs-12">
                 <div class="col-xs-4" style="padding:5px;font-weight:bold;text-align:right;line-height:30px;">Mật khẩu :</div>
                 <div class="col-xs-8" style="padding:3px;"><asp:TextBox ID="txtPass" style="border-radius:0px;" runat="server" CssClass="form-control" TextMode="Password"></asp:TextBox></div>
             </div>
            <div class="col-xs-12">
                 <div class="col-xs-4" style="padding:5px;font-weight:bold;text-align:right;line-height:30px;">Xác nhận mật khẩu :</div>
                 <div class="col-xs-8" style="padding:3px;"><asp:TextBox ID="txtConfirmPass" style="border-radius:0px;" runat="server" CssClass="form-control" TextMode="Password"></asp:TextBox></div>
             </div>
            <div class="col-xs-12">
                 <div class="col-xs-4" style="padding:5px;font-weight:bold;text-align:right;line-height:30px;">Địa chỉ :</div>
                 <div class="col-xs-8" style="padding:3px;"><asp:TextBox ID="txtDiaChi" style="border-radius:0px;" runat="server" CssClass="form-control"></asp:TextBox></div>
             </div>
            <div class="col-xs-12">
                 <div class="col-xs-4" style="padding:5px;font-weight:bold;text-align:right;line-height:30px;">Ngày sinh :</div>
                 <div class="col-xs-8" style="padding:3px;"><asp:TextBox ID="txtngaysinh" type="date" style="border-radius:0px;" placeholder="dd/mm/yyyy" runat="server" CssClass="form-control"></asp:TextBox></div>
             </div>
            <div class="col-xs-12">
                 <div class="col-xs-4" style="padding:5px;font-weight:bold;text-align:right;line-height:30px;">Số điện thoại :</div>
                 <div class="col-xs-8" style="padding:3px;"><asp:TextBox ID="txtPhone" style="border-radius:0px;" runat="server" CssClass="form-control"></asp:TextBox></div>
             </div>
            <div class="col-xs-12">
                 <div class="col-xs-4" style="padding:5px;font-weight:bold;text-align:right;line-height:30px;">Mã xác nhận :</div>
                 <div class="col-xs-8" style="padding:3px;">
                        <div style="float:left;"><asp:TextBox ID="txtCapt" style="border-radius:0px; width: 150px" runat="server" CssClass="form-control captchavalidate"></asp:TextBox></div>
                        <div style="float:left;width:80px;margin-right:35px;">
                            <cc1:CaptchaControl ID="cptCaptcha" runat="server"
                                CaptchaBackgroundNoise="Low" CaptchaLength="5"
                                CaptchaHeight="31" CaptchaWidth="80"
                                CaptchaLineNoise="None" CaptchaMinTimeout="5" />
                        </div>
                        <div style="float:left;"><asp:ImageButton ID="imgRefresh" runat="server" ImageUrl="~/images/capchar.gif" Style="width:20px;" /></div>
                 </div>
             </div>
            <div class="col-xs-12" style="text-align:center;margin:10px 0px;">
                <asp:CheckBox ID="chkAgree" runat="server" Checked="True"  />
                <span style="font-size: 13px; color: #000000;">Tôi đồng ý với 
                <asp:HyperLink ID="HyperLink4" runat="server" Font-Bold="True" Font-Italic="True" Target="_parent" NavigateUrl="loi-mo-dau-Q7i1T2.html"><u>Quy định sử dụng</u> </asp:HyperLink>&
                <asp:HyperLink ID="HyperLink5" runat="server" Font-Bold="True" Font-Italic="True" Target="_parent" NavigateUrl="loi-mo-dau-v4p1J2.html"><u> Chính sách bảo mật của FAmails</u></asp:HyperLink></span>
            </div>
            <div class="col-xs-12" style="margin-top:-25px;">
                 <div class="col-xs-4" style="padding:5px;font-weight:bold;text-align:right;line-height:30px;">
                     <asp:TextBox ID="txtmail" runat="server" Visible="False">phancaohuan456@gmail.com</asp:TextBox>
                        <asp:Label ID="lbthoigian" runat="server" Text="Label" Visible="False"></asp:Label></div>
                 <div class="col-xs-8" style="padding:3px;margin-top:20px;"><div style="margin-left:35px;">
                     <asp:Button ID="btnRegis" runat="server" CssClass="btn btn-danger" Style="border-radius:0px;background:#d00;padding:10px 20px;" Text="Đăng ký" OnClick="btnRegis_Click" />
                    </div></div>
             </div>
    </ContentTemplate>
</asp:UpdatePanel>
    </form>
        </div>
    </div>

    <script type="text/javascript" src="Scripts/jquery-1.9.0.js"></script>
    <script type="text/javascript" src="Scripts/bootstrap.js"></script>
    <script type="text/javascript" src="Scripts/toucheffects.js"></script>
</body>
</html>
